.iradio_square-blue,
.icheckbox_square-blue {
    background: transparent;
    border: 2px solid var(--exl-foreground);
    transition: all .2s;
    position: relative;
}

.iradio_square-blue:not(.checked):hover,
.icheckbox_square-blue:not(.checked):hover {
    border-color: var(--exl-accent);
}

.iradio_square-blue.checked::before,
.icheckbox_square-blue.checked::before {
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;
    content: "";
    background: var(--exl-accent);
}

.iradio_square-blue,
.iradio_square-blue.checked::before {
    border-radius: 50%;
}

.iradio_square-blue.checked.disabled::before,
.icheckbox_square-blue.checked.disabled::before {
    background: var(--exl-disabled);
}